<template>
	<view>
		<!-- 没有结果 -->
		<view class="padd3" v-if="noData">
			<view class="infolist padd3 bgf">
				<view class="nodata">
					<image class="noimg" src="/static/images/nodata.png"></image>
					<view class="nodata-text">{{text}}</view>
					<view class="nodata-text2">
						<text v-if="text2" @click="text2click">{{text2}}</text>
					</view>					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			noData:{
				default:true,
				type:Boolean
			},
			text:{
				default:'暂无数据',
				type:String
			},
			text2:{
				default:'去创建',
				type:String
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			text2click(){
				this.$emit('text2click')
			}
		}
	}
</script>

<style lang="scss">

	// 没有结果
	.infolist {
		background: rgba(255, 255, 255, 1);
		box-shadow: 5rpx 9rpx 35rpx 0px rgba(0, 0, 0, 0.1);
		border-radius: 20rpx;

		.nodata {
			text-align: center;			
			font-size: 30rpx;			
			margin: 180rpx 0 180rpx;
			
			.nodata-text {
				color: #B2B2B2;
				margin-top: 10rpx;
			}
			.nodata-text2 {
				margin-top: 30rpx;
				
				text {
					color: #fff;
					background: #f8a403;
					padding: 10rpx 40rpx;
					border-radius: 10rpx;
				}
			}
		}

		.noimg {
			width: 199rpx;
			height: 240rpx;
			display: block;
			margin: 0 auto;
		}
	}
</style>
